function inic_listo () {
	$("#listo").click(function(){
		var bien = true;
		$(".duplicate div").each(function(){
		    var nombre = $(".rowEtapa1 input",this).attr('value'),
			fechaI = $(".rowEtapa2 input",this).attr('value'),
			fechaF = $(".rowEtapa3 input",this).attr('value');
		    if (nombre == null || nombre == "") {
			bien = false;
		    } else if (fechaI == null || fechaI == "" || fechaF == null || fechaF == "" || fechaI == "Fecha" || fechaF == "Fecha") {
			bien = false;
		    }
		});
		if (bien)
		    $(".back_etapas").hide();
	        else
		    alert("Todas las etapas deben estar identificadas, y sus fechas de inicio y finalizacion bien definidas.");
	});
}

$(document).ready(function(){
    inic_listo();
    $(".back_etapas").hide();
    $(".duplicate").sortable({ revert:true });
    $("#plus").click(function(){
        var target = $(".duplicate");
        $("#fecha").datepicker({
            dateformat: 'yyyy-mm-dd'
        });
        //reset();
        target.append(
            '<div><table border="0" style="width:100%;"><tbody><tr>'
            +'<td class="rowEtapa1"><input type="text" name="nE" value class="opcional"></td>'
            +'<td class="rowEtapa2"><input type="text" name="nFI" value class="opcional datePfrom datepicker"></td>'
            +'<td class="rowEtapa3"><input type="text" name="nFF" value class="opcional datePto datepicker"></td>'
            +'<td class="rowEtapa4"><span class="elimEtapa"></span></td>'
            +'<td class="rowEtapa5"><span class="newDown"></span></td>'
            +'</tr></tbody></table></div>');
        $(".elimEtapa").click(function(){
                $(this).parent().parent().parent().parent().parent().remove();
        });
        inic_datepicker_range(target);
        inic_range_from(target);
        inic_datepicker_range(target);
        inic_range_to(target);

        $(".duplicate > div, .duplicate").disableSelection();
        $(".duplicate > div").mouseup(function(){
            $(this).removeClass('sombra_drag');
        });
        $(".duplicate > div").mousedown(function(){
            $(this).addClass('sombra_drag');
        });
    });

    $("#etapas").click(function(){
        $(".back_etapas").show();
    });
});